<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>今日统计</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style type="text/css">
    .posibox{
        width: 92%;
        margin: 20px auto;
        border-radius: 8px;
        box-shadow: 0px 1px 4px 0px rgba(60, 128, 209, 0.06);
    }
    .boxsty{
        background: #fff;
        padding-bottom: 1rem;
    }
    .app_list_txt {
        width: 92%;
        margin: 0 auto;
        height: 3rem;
        line-height: 2rem;
        position: relative;
        top:0.6rem;
        
        
        /*background: #f00;*/
        /*text-indent: 0.5rem;*/
    }
    .app_list_txt span{
        font-size: 0.7rem;
        font-weight:bold;
        height: 0.7rem;
        line-height: 0.7rem;
        border-left: solid 2px #289fff;
        padding-left: 10px;

    }
    .app_list_txt .view_btn {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0.7rem;
        color: #289FFF;
    }
    .customerbox{
        width: 100%;
    }
    .status_content{
        font-size: 0.6rem;
        color: #828c9a;
        padding: 10px 15px;
        position: relative;
        line-height: 1.2rem;
        background: #F7FBFF;
        border-radius: 8px;
        overflow: hidden;
    }
    .count_btn{
        /* position: absolute; */
        color: #344356;
        
        font-size: 1rem;
        /* font-weight: bold; */
        font-family: '方正兰亭粗黑简体';
        text-shadow: 0px 0px 0px #344356;
        /* top: 0;
        right: 20px; */
    }
    .shoufei-count {
        font-size: 0.6rem;
        line-height: 1.2rem;
        color: #828C9A;
    }

    .shoufei-money {
        line-height: 1.6rem;
        font-size: 0.6rem;
        text-shadow: 0px 0px 0px #000;
    }

    .shoufei-money span {
        font-size: 1rem;
        font-family: '方正兰亭粗黑简体';
        text-shadow: 0px 0px 0px #000;
    }

    </style>
</head>

<body>
    <div id="app" v-cloak>     
        <section id="main_refresh" class="aui-refresh-content">
            <template>
                <div class="posibox boxsty">
                <div class="app_list_txt"><span style="text-shadow: 0px 0px 0px #000;">今日工单</span>
                    <div class="view_btn" v-on:click="doOpenServiceSummary()">
                        工单详情
                    </div>
                </div>
                <div class="aui-row" style="margin: 0.5rem 14px 0.5rem 14px;">
                    <div class="customerbox">
                        <div style="margin-bottom: 10px; overflow: hidden;">
                        <div class="status_content fl" style="width: 48%;">
                            <span>今日新增</span>
                            <div class="count_btn">
                                {{summary.serviceSummary.serviceTodayAddNumber}}
                            </div>
                        </div>
                        <div class="status_content fr" style="width: 48%;">
                            <span>今日关单</span>
                            <div class="count_btn">
                                {{summary.serviceSummary.serviceTodayCloseNumber}}
                            </div>
                        </div>
                    </div>

                        <div class="status_content" style="width: 100%;">
                            <span>往日未关闭工单</span>
                            <div class="count_btn">
                                {{summary.serviceSummary.serviceBeforeCloseNumber}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </template>
            <template>
                <div class="posibox boxsty">
                    <div class="app_list_txt"><span  style="text-shadow: 0px 0px 0px #000;">今日收退</span>
                        <div class="view_btn" v-on:click="doOpenFeeList(2)">
                            收支流水
                        </div>
                    </div>
                <div class="aui-row" style="margin: 0.5rem 14px 0.5rem 14px;">
                    <div class="customerbox">
                            <div class=" status_content fl" style="width: 48%;">
                                <div class="shoufei-count">今日收款 - 共计{{summary.feeSummary.todayCount}}笔</div>
                                <div class="shoufei-money">￥<span>{{summary.feeSummary.todayCost}}</span></div>
                            </div>
                            <div class="status_content fr" style="width: 48%;">
                                <div class="shoufei-count">今日退款 - 共计{{summary.feeSummary.todayBackCount}}笔</div>
                                <div class="shoufei-money">￥<span>{{summary.feeSummary.todayBackCost}}</span></div>
                            </div>
                    </div>
                    
                </div>

            </div>

            </template>
            
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="js/analysis_today_frm.js"></script>

</html>
